@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
p {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.more {
    font-size: 9px;
    color: #666;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: "宋体";
}

a {
    color: #000;
    text-decoration: none!important;
}

a:hover {
    color: #F00;
}

img {
    border: 0
}

ul {
    list-style: none;
}

.f12 {
    font-size: 12px;
}

.f15 {
    font-size: 15px;
}

.f18 {
    font-size: 18px;
}

.ff12 {
    font-size: 12px;
}

.meta {
    color: #CCC;
    text-align: center;
    line-height: 28px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}


/* --header------------------------------------------------------------------------------------------------------------------------------ */

.top_bg {
    width: 100%;
    height: 236px;
    min-width: 1200px !important;
    background: url(../Images/top_bg1.jpg) repeat-x;
    position: relative;
}

.top_bg_right {
    width: 50%;
    height: 236px;
    background: url(../Images/top_bg2.jpg) repeat-x;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
}

.top_bg_con {
    width: 100%;
    height: 236px;
    min-width: 1200px !important;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.top {
    width: 1200px;
    height: 236px;
    margin: auto;
    background: url(../Images/top_bg3.png) no-repeat center;
}

.top_con {
    width: 1200px;
    height: 51px;
}

.top_con_left {
    width: auto;
    height: 51px;
    color: rgb(116, 190, 255);
    line-height: 51px;
    font-size: 12px;
    font-family: "宋体";
    text-indent: 4px;
}

.top_con_right {
    width: 164px;
    height: 38px;
    color: rgb(116, 190, 255);
    line-height: 38px;
    font-size: 12px;
    font-family: "宋体";
    text-align: right;
    background: url(../Images/b1.png) no-repeat left 10px;
}

.top_con_right a {
    color: rgb(116, 190, 255);
    font-size: 12px;
    font-family: "宋体";
}

.top_con_right a:hover {
    color: rgb(255, 90, 0);
    text-decoration: underline;
}

.top_logo {
    width: 1197px;
    height: 88px;
    padding-top: 20px;
}

.top_logo b {
    width: auto;
    height: auto;
    font-size: 12px;
    position: absolute;
    color: rgb(180, 180, 180);
    left: 70px;
    bottom: 30px;
}

.top_logo_1 {
    font-size: 30px;
    font-weight: bold;
    color: rgb(0, 90, 172);
    letter-spacing: 3px;
}

.top_logo_2 {
    font-size: 18px;
    font-weight: bold;
    color: rgb(210, 65, 43);
}

.top_nava {
    width: 1196px;
    height: 75px;
    margin-top: 1px;
    border-right: 1px solid rgb(216, 216, 216);
}

.top_nava ul {
    width: 1192px;
    height: 75px;
    margin-left: 3px;
}

.top_nava ul li {
    width: 148px;
    height: 75px;
    float: left;
    line-height: 75px;
    text-align: center;
    border-left: 1px solid rgb(216, 216, 216);
}

.menu li {
    float: left;
    position: relative;
    line-height: 75px;
    text-align: center;
}

.li1_con {
    position: relative;
    display: block;
    width: 148px;
    height: 75px;
    overflow: hidden;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.li1_con span {
    position: absolute;
    left: 0;
    width: 148px;
}

.li1_con span.out {
    top: 0px;
}

.li1_con span.over,
.li1_con span.bg {
    top: -75px;
}

#menu1 {
    margin-top: 20px;
}

.li1_con {
    color: #000;
}

.li1_con span.over {
    color: rgb(0, 91, 172);
    line-height: 90px;
}

.li1_con span.bg {
    /* height of the menu items */
    height: 75px;
    background-image: url(../Images/b2.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.cls {
    clear: both;
}

.index_banner_bg {
    width: 100%;
    height: 505px;
    min-width: 1200px !important;
    background: url(../Images/banner_bg.jpg) no-repeat center;
}

.index_banner {
    width: 1200px;
    height: 505px;
    margin: auto;
    position: relative;
}

#slider {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0px;
}

.slider_box {
    width: 1200px;
    margin: 0 auto;
    height: 396px;
    position: relative;
}

.slider_box_bg {
    width: 1200px;
    height: 310px;
    overflow: hidden !important;
    position: relative;
}

.silder_con {
    width: 1200px;
    height: 310px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
}

.silder_panel {
    width: 1200px;
    height: 310px;
    overflow: hidden;
    float: left;
    position: relative;
}

.silder_panel table {
    width: 1200px !important;
    height: auto;
}

.silder_panel table tr td {
    width: 240px !important;
    height: 310px;
}

.silder_panel table tr td img {
    width: 300px !important;
    height: auto;
}

.silder_nav {
    width: 965px;
    height: 66px;
    margin: 0 auto;
    bottom: -49px;
    position: absolute;
    left: 117px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    overflow: hidden;
}

.silder_nav li {
    float: left;
    padding: 0px;
    border-left: 1px solid rgb(210, 210, 210);
}

.silder_nav li.current {
    background: url(../Images/b3.png) no-repeat center;
    color: #FFF;
}

.silder_nav li.current a {
    color: #FFF;
}

.silder_nav li,
.silder_nav img {
    display: block;
    width: 160px;
    height: 66px;
    overflow: hidden;
    font-size: 18px;
    line-height: 66px;
    text-align: center;
}

.slider_box a.prev,
.slider_box a.next {
    display: block;
    width: 24px;
    height: 62px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    cursor: pointer;
}

.slider_box a.prev {
    left: -52px;
    top: 124px;
    background: url(../Images/silder_left.png) no-repeat center;
    z-index: 9999;
}

.slider_box a.next {
    right: -52px;
    top: 124px;
    background: url(../Images/silder_right.png) no-repeat center;
    z-index: 9999;
}

.silderBox {
    height: 8px;
    line-height: 8px;
}

.inner_banner_bg {
    width: 100%;
    height: 383px;
    min-width: 1200px !important;
    position: relative;
}

.index_top_bg {
    width: 100%;
    height: 62px;
    min-width: 1200px !important;
    border-bottom: 5px solid rgb(219, 223, 224);
}

.index_top {
    width: 1200px;
    height: 62px;
    margin: auto;
}

.index_top_left {
    width: auto;
    height: 62px;
    color: rgb(122, 122, 122);
    line-height: 70px;
    font-size: 13px;
    font-family: "宋体";
    text-indent: 8px;
}

.index_top_left a {
    color: rgb(152, 152, 152);
    font-size: 13px;
    font-family: "宋体";
    margin-left: 15px;
}

.index_top_left a:hover {
    color: rgb(255, 70, 20);
    text-decoration: underline;
}

.search_bg {
    width: 311px;
    height: 36px;
    margin-top: 10px;
    margin-right: 6px;
}

.search {
    width: 311px;
    height: 36px;
    position: relative;
    border: none;
    background: url(../Images/b4.png) no-repeat center;
}

.search_txt {
    border: none;
    background: none;
    outline: none;
    width: 239px;
    height: 16px;
    line-height: 16px;
    color: rgb(77, 77, 77);
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 12px;
}

.search_btn {
    border: none;
    outline: none;
    width: 42px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
    background: url(../Images/b5.png) no-repeat center;
}

::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.index_middle1_bg1 {
    width: 100%;
    height: 505px;
    min-width: 1200px !important;
    background: url(../Images/bg1.png) repeat-x top;
}

.index_middle1_bg2 {
    width: 100%;
    height: 505px;
    min-width: 1200px !important;
    background: url(../Images/bg1.jpg) no-repeat center top;
}

.index_middle1_con {
    width: 1200px;
    height: 505px;
    margin: auto;
    position: relative;
}

.index_middle1_con_img {
    width: 267px;
    height: 150px;
    text-align: center;
}

.index_middle1_con_img img {
    width: 219px;
    height: 150px;
}

.index_middle1_con_con {
    width: 257px;
    height: auto;
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
}

.index_middle1_con_con span {
    width: 247px;
    height: auto;
    color: rgb(30, 30, 30);
    line-height: 22px;
    font-size: 12px;
}

.index_middle2_bg1 {
    width: 100%;
    height: 585px;
    min-width: 1200px !important;
    background: url(../Images/bg2.png) repeat-x top;
}

.index_middle2_bg2 {
    width: 100%;
    height: 585px;
    min-width: 1200px !important;
    background: url(../Images/bg2.jpg) no-repeat center top;
}

.index_middle2_con {
    width: 1200px;
    height: 585px;
    position: relative;
    margin: auto;
}

.index_middle2_con_1 {
    width: 204px;
    height: auto;
    position: absolute;
    left: 66px;
    top: 452px;
}

.index_middle2_con_1 h5 {
    width: 204px;
    height: auto;
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 26px;
    color: rgb(16, 129, 207);
}

.index_middle2_con_1 p {
    width: 204px;
    height: auto;
    font-size: 12px;
    line-height: 24px;
    color: rgb(82, 82, 82);
    font-family: "宋体";
}

.index_middle2_con_1 p span {
    font-size: 12px;
    line-height: 24px;
    color: rgb(215, 55, 31);
    font-family: "宋体";
}

.index_middle2_con_2 {
    width: 204px;
    height: auto;
    position: absolute;
    left: 317px;
    top: 452px;
}

.index_middle2_con_2 h5 {
    width: 204px;
    height: auto;
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 26px;
    color: rgb(16, 129, 207);
}

.index_middle2_con_2 p {
    width: 204px;
    height: auto;
    font-size: 12px;
    line-height: 24px;
    color: rgb(82, 82, 82);
    font-family: "宋体";
}

.index_middle2_con_2 p span {
    font-size: 12px;
    line-height: 24px;
    color: rgb(215, 55, 31);
    font-family: "宋体";
}

.index_middle2_con_3 {
    width: 204px;
    height: auto;
    position: absolute;
    left: 578px;
    top: 452px;
}

.index_middle2_con_3 h5 {
    width: 204px;
    height: auto;
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 26px;
    color: rgb(16, 129, 207);
}

.index_middle2_con_3 p {
    width: 204px;
    height: auto;
    font-size: 12px;
    line-height: 24px;
    color: rgb(82, 82, 82);
    font-family: "宋体";
}

.index_middle2_con_3 p span {
    font-size: 12px;
    line-height: 24px;
    color: rgb(215, 55, 31);
    font-family: "宋体";
}

.index_middle2_con_4 {
    width: 204px;
    height: auto;
    position: absolute;
    left: 828px;
    top: 452px;
}

.index_middle2_con_4 h5 {
    width: 204px;
    height: auto;
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 26px;
    color: rgb(16, 129, 207);
}

.index_middle2_con_4 p {
    width: 204px;
    height: auto;
    font-size: 12px;
    line-height: 24px;
    color: rgb(82, 82, 82);
    font-family: "宋体";
}

.index_middle2_con_4 p span {
    font-size: 12px;
    line-height: 24px;
    color: rgb(215, 55, 31);
    font-family: "宋体";
}

.index_middle3_bg1 {
    width: 100%;
    height: 890px;
    min-width: 1200px !important;
    background: url(../Images/bg3.png) repeat-x top;
}

.index_middle3_bg2 {
    width: 100%;
    height: 890px;
    min-width: 1200px !important;
    background: url(../Images/bg3.jpg) no-repeat center top;
}

.index_middle3_con {
    width: 1200px;
    height: 890px;
    position: relative;
    margin: auto;
}

.index_middle3_con_1 {
    width: 484px;
    height: auto;
    position: absolute;
    left: 111px;
    top: 275px;
}

.index_middle3_con_1 p {
    width: 466px;
    height: auto;
    padding-left: 18px;
    background: url(../Images/b28.png) no-repeat left 9px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 16px;
    color: rgb(255, 255, 255);
}

.index_middle3_con_1 p span {
    font-size: 15px;
    line-height: 24px;
    color: rgb(249, 210, 57);
}

.index_middle3_con_2 {
    width: auto;
    height: auto;
    font-size: 18px;
    color: rgb(249, 210, 57);
    position: absolute;
    left: 113px;
    top: 454px;
}

.index_middle3_con_2 span {
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding-left: 56px;
    background: url(../Images/b29.png) no-repeat 5px center;
}

.index_middle3_con_3 {
    width: auto;
    height: auto;
    font-size: 18px;
    color: rgb(249, 210, 57);
    position: absolute;
    left: 634px;
    top: 454px;
}

.index_middle3_con_3 span {
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding-left: 56px;
    background: url(../Images/b29.png) no-repeat 5px center;
}

.index_middle3_con_4 {
    width: auto;
    height: auto;
    position: absolute;
    left: 109px;
    top: 742px;
}

.index_middle3_con_4_left {
    width: 214px;
    height: auto;
}

.index_middle3_con_4_left h5 {
    width: 214px;
    height: auto;
    font-size: 16px;
    color: rgb(249, 210, 57);
}

.index_middle3_con_4_left h5 span {
    font-size: 14px;
    color: rgb(249, 210, 57);
}

.index_middle3_con_4_left p {
    width: 214px;
    height: auto;
    margin-top: 9px;
    font-size: 13px;
    line-height: 21px;
    color: #FFF;
}

.index_middle3_con_4_right {
    width: 195px;
    height: auto;
    margin-left: 45px;
}

.index_middle3_con_4_right h5 {
    width: 195px;
    height: auto;
    font-size: 14px;
    color: #FFF;
}

.index_middle3_con_4_right p {
    width: 195px;
    height: auto;
    margin-top: 9px;
    font-size: 13px;
    line-height: 21px;
    color: #FFF;
}

.index_middle3_con_5 {
    width: auto;
    height: auto;
    position: absolute;
    left: 624px;
    top: 742px;
}

.index_middle3_con_5_left {
    width: 235px;
    height: auto;
}

.index_middle3_con_5_left h5 {
    width: 235px;
    height: auto;
    font-size: 16px;
    color: rgb(249, 210, 57);
}

.index_middle3_con_5_left h5 span {
    font-size: 14px;
    color: rgb(249, 210, 57);
}

.index_middle3_con_5_left p {
    width: 235px;
    height: auto;
    margin-top: 9px;
    font-size: 13px;
    line-height: 21px;
    color: #FFF;
}

.index_middle3_con_5_right {
    width: 195px;
    height: auto;
    margin-left: 25px;
}

.index_middle3_con_5_right h5 {
    width: 195px;
    height: auto;
    font-size: 14px;
    color: #FFF;
}

.index_middle3_con_5_right p {
    width: 195px;
    height: auto;
    margin-top: 9px;
    font-size: 13px;
    line-height: 21px;
    color: #FFF;
}

.index_middle4_bg1 {
    width: 100%;
    height: 462px;
    min-width: 1200px !important;
}

.index_middle4_bg2 {
    width: 100%;
    height: 462px;
    min-width: 1200px !important;
    background: url(../Images/bg4.jpg) no-repeat center top;
}

.index_middle4_con {
    width: 1200px;
    height: 462px;
    position: relative;
    margin: auto;
}

.index_middle4_con_con {
    width: auto;
    height: auto;
    position: absolute;
    left: 689px;
    top: 170px;
}

.index_middle4_con_1 {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

.index_middle4_con_1 h5 {
    width: auto;
    height: auto;
    font-weight: normal;
    padding-left: 28px;
    background: url(../Images/b32.png) no-repeat left center;
    font-size: 18px;
    color: rgb(0, 91, 172);
}

.index_middle4_con_1 p {
    width: auto;
    height: auto;
    text-indent: 7px;
    margin-top: 12px;
    font-size: 15px;
    color: rgb(85, 85, 85);
}

.index_middle5_bg1 {
    width: 100%;
    height: auto;
    min-width: 1200px !important;
}

.index_middle5_bg1_title {
    width: 100%;
    height: 77px;
    min-width: 1200px !important;
    background: url(../Images/bg5.jpg) no-repeat center top;
}

.index_middle5_bg2 {
    width: 1200px;
    height: auto;
    margin: auto;
}

.index_company {
    width: 880px;
    height: auto;
    padding-top: 27px;
}

.index_company_img {
    width: 369px;
    height: 223px;
    margin-left: 1px;
    margin-top: 2px;
}

.index_company_img img {
    width: 369px;
    height: 223px;
}

.index_company_con {
    width: 472px;
    height: auto;
    padding-top: 14px;
}

.index_company_con p {
    width: 472px;
    height: auto;
    text-indent: 2em;
    color: rgb(50, 50, 50);
    line-height: 24px;
    font-size: 14px;
    font-family: "宋体";
}

.index_company_con p a {
    color: rgb(246, 171, 0);
    line-height: 24px;
    font-size: 14px;
    font-family: "宋体";
}

.index_company_con p a:hover {
    color: rgb(255, 70, 0);
}

.index_company_shows {
    width: 865px;
    height: auto;
    padding-top: 35px;
    background: url(../Images/b10.png) no-repeat left top;
    margin-top: 26px;
}

.rollBox {
    width: 863px;
    height: 104px;
    position: relative;
}

.rollBox .LeftBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b11.png) no-repeat left center;
    overflow: hidden;
    position: absolute;
    right: 19px;
    top: -34px;
    cursor: pointer;
}

.rollBox .RightBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b13.png) no-repeat right center;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: -34px;
    cursor: pointer;
}

.rollBox .LeftBotton:hover {
    background: url(../Images/b12.png) no-repeat left center;
}

.rollBox .RightBotton:hover {
    background: url(../Images/b14.png) no-repeat right center;
}

.rollBox .Cont {
    width: 861px;
    overflow: hidden;
    float: left;
}

.rollBox .ScrCont {
    width: 10000000px;
}

.rollBox .Cont .pic {
    height: 124px;
    float: left;
    text-align: center;
    margin-right: 31px;
}

.rollBox .Cont .pic div {
    width: 192px;
    height: 124px;
    display: block;
    margin: 0 auto;
}

.rollBox .Cont .pic div img {
    height: 124px;
    display: block;
}

.rollBox .Cont a:link,
.rollBox .Cont a:visited {
    color: #626466;
    text-decoration: none;
}

.rollBox .Cont a:hover {
    color: #f00;
    text-decoration: underline;
}

.rollBox #List1,
.rollBox #List2 {
    float: left;
}

.rollBox .Cont .pic:hover div img {}

.rollBox .Cont .pic:hover p {
    color: rgb(255, 255, 255);
    background: rgb(47, 74, 168);
}


/*---产品列表页面滚动--*/

.index_company_shows1 {
    width: 865px;
    height: auto;
    padding-top: 20px;
}

.rollBox1 {
    width: 863px;
    height: 190px;
    position: relative;
}

.rollBox1 .LeftBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b11.png) no-repeat left center;
    overflow: hidden;
    position: absolute;
    right: 19px;
    top: -34px;
    cursor: pointer;
}

.rollBox1 .RightBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b13.png) no-repeat right center;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: -34px;
    cursor: pointer;
}

.rollBox1 .LeftBotton:hover {
    background: url(../Images/b12.png) no-repeat left center;
}

.rollBox1 .RightBotton:hover {
    background: url(../Images/b14.png) no-repeat right center;
}

.rollBox1 .Cont {
    width: 861px;
    overflow: hidden;
    float: left;
}

.rollBox1 .ScrCont {
    width: 10000000px;
}

.rollBox1 .Cont .pic {
    width: 200px;
    height: 200px;
    float: left;
    text-align: center;
    margin-right: 18px;
    font-size: 13px;
}

.rollBox1 .Cont .pic div {
    width: 200px;
    height: 154px;
    display: block;
    margin: 0 auto;
}

.rollBox1 .Cont .pic div img {
    height: 154px;
    display: block;
}

.rollBox1 .Cont a:link,
.rollBox .Cont a:visited {
    color: #626466;
    text-decoration: none;
}

.rollBox1 .Cont a:hover {
    color: #f00;
    text-decoration: underline;
}

.rollBox1 #List1,
.rollBox #List2 {
    float: left;
}

.rollBox1 .Cont .pic:hover div img {}

.rollBox1 .Cont .pic:hover p {
    color: rgb(255, 255, 255);
    background: rgb(47, 74, 168);
}

.index_zzry {
    width: 250px;
    height: 387px;
    background: rgb(229, 229, 229);
    margin-top: 30px;
}

.index_zzry_title {
    width: 250px;
    height: 58px;
    position: relative;
    text-indent: 19px;
    line-height: 58px;
    font-size: 18px;
    color: rgb(0, 91, 172);
}

.index_zzry_title span {
    width: 54px;
    height: 17px;
    border-radius: 3px;
    text-indent: 0;
    background: rgb(184, 184, 184);
    color: #FFF;
    line-height: 17px;
    margin: 20px 22px 0 0;
    text-align: center;
    font-size: 12px;
}

.index_zzry_title span:hover {
    background: rgb(25, 103, 178);
    color: #FFF;
}

.productshowcon {
    width: 206px;
    height: 315px;
    position: relative;
    margin-left: 21px;
}

.blk_18 {
    FONT-SIZE: 12px;
    OVERFLOW: hidden;
    WIDTH: 206px;
    ZOOM: 1
}

.blk_18 .pcont {
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 206px;
    height: 315px;
}

.blk_18 .ScrCont {
    WIDTH: 32766px;
    ZOOM: 1
}

.blk_18 #List1_1 {
    FLOAT: left;
    height: 209px;
}

.blk_18 #List2_1 {
    FLOAT: left;
    height: 209px;
}

.blk_18 .LeftBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b11.png) no-repeat left center;
    overflow: hidden;
    position: absolute;
    left: 87px;
    bottom: 0px;
    cursor: pointer;
}

.blk_18 .RightBotton {
    height: 14px;
    width: 14px;
    display: block;
    background: url(../Images/b13.png) no-repeat left center;
    overflow: hidden;
    position: absolute;
    right: 87px;
    bottom: 0px;
    cursor: pointer;
}

.blk_18 .LeftBotton:hover {
    background: url(../Images/b12.png) no-repeat left;
}

.blk_18 .RightBotton:hover {
    background: url(../Images/b14.png) no-repeat right;
}

.blk_18 .pl {
    FLOAT: left;
    WIDTH: 220px;
    HEIGHT: 285px;
    TEXT-ALIGN: center;
    overflow: hidden;
}

.blk_18 .pl a {
    FLOAT: left;
    WIDTH: 206px;
    HEIGHT: 285px;
}

.blk_18 .pl a img {
    HEIGHT: 285px;
}

.blk_18 A {
    width: 170px;
    height: 184px;
    display: block;
    color: #fff;
}

.blk_18 A:hover {
    background-color: #0078ff;
    color: #fff;
    text-decoration: none;
}

.index_middle5_middle {
    width: 1200px;
    height: 155px;
    position: relative;
    background: url(../Images/bg9.jpg) no-repeat center top;
    margin: 44px 0 42px;
}

.index_middle5_middle_contact {
    width: 125px;
    height: 39px;
    position: absolute;
    right: 362px;
    top: 84px;
}

.index_middle5_middle_qq {
    width: 125px;
    height: 39px;
    position: absolute;
    right: 228px;
    top: 84px;
}

.index_facilities {
    width: 1200px;
    height: 135px;
    margin: auto;
    padding-top: 53px;
    padding-bottom: 40px;
    background: url(../Images/b15.png) no-repeat left top;
    position: relative;
}

.partFourCon {
    width: 1112px;
    float: left;
    overflow: hidden;
    height: 135px;
}

.partFourCon li {
    float: left;
    height: 133px;
    display: inline;
    margin-right: 50px;
    margin-bottom: 20px;
    position: relative;
}

.partFourCon li img {
    height: 133px;
}

.left_button {
    height: 135px;
    width: 44px;
    background: url(../Images/left1.png) no-repeat left center;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.left_button:hover {
    background: url(../Images/left1.png) no-repeat left center;
}

.right_botton {
    height: 135px;
    width: 44px;
    background: url(../Images/right1.png) no-repeat right center;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.right_botton:hover {
    background: url(../Images/right1.png) no-repeat right center;
}

.index_middle6_bg1 {
    width: 100%;
    height: 274px;
    min-width: 1200px !important;
    background: rgb(230, 231, 233);
    border-top: 1px solid rgb(213, 213, 213);
}

.index_middle6_bg2 {
    width: 1200px;
    height: 274px;
    position: relative;
    margin: auto;
    background: url(../Images/bg10.jpg) no-repeat center;
}

.index_contact {
    width: 344px;
    height: auto;
    position: absolute;
    left: 75px;
    top: 30px;
}

.index_contact p {
    width: 344px;
    height: auto;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
    color: rgb(78, 78, 78);
}

.index_news {
    width: 320px;
    height: auto;
    position: absolute;
    left: 518px;
    top: 30px;
}

.index_news p {
    width: auto;
    height: auto;
    font-size: 13px;
    line-height: 26px;
    color: rgb(78, 78, 78);
    font-family: "宋体";
}

.index_news p:hover {
    color: rgb(255, 72, 0);
    text-decoration: underline;
}

.index_news p span {
    color: rgb(78, 78, 78);
    font-family: "宋体";
}

.index_info {
    width: 292px;
    height: auto;
    position: absolute;
    left: 899px;
    top: 30px;
}

.index_info p {
    width: auto;
    height: auto;
    font-size: 13px;
    line-height: 26px;
    color: rgb(78, 78, 78);
    font-family: "宋体";
}

.index_info p:hover {
    color: rgb(255, 72, 0);
    text-decoration: underline;
}

.index_middle7_bg1 {
    width: 100%;
    height: 222px;
    min-width: 1200px !important;
}

.index_middle7_bg2 {
    width: 1200px;
    height: 222px;
    position: relative;
    margin: auto;
}

.index_cooperate {
    width: 748px;
    height: 134px;
    padding-top: 88px;
    background: url(../Images/b18.png) no-repeat left 33px;
    padding-left: 2px;
}

.index_cooperate span {
    width: 151px;
    height: 65px;
    display: block;
    float: left;
    margin-right: 13px;
    border: 1px solid rgb(219, 219, 219);
}

.index_cooperate span img {
    width: 151px;
    height: 65px;
}

.index_cooperate p {
    width: 748px;
    height: 42px;
    font-size: 13px;
    line-height: 42px;
    color: rgb(107, 107, 107);
    font-family: "宋体";
}

.index_research {
    width: 450px;
    height: 134px;
    padding-top: 88px;
    background: url(../Images/b19.png) no-repeat left 33px;
}

.index_research span {
    width: 151px;
    height: 65px;
    display: block;
    float: left;
    margin-right: 13px;
    border: 1px solid rgb(219, 219, 219);
}

.index_research span img {
    width: 151px;
    height: 65px;
}

.index_research p {
    width: 450px;
    height: 42px;
    font-size: 13px;
    line-height: 42px;
    color: rgb(107, 107, 107);
    font-family: "宋体";
}

.foot_bg {
    width: 100%;
    height: 41px;
    min-width: 1200px !important;
    background: rgb(50, 50, 50);
}

.foot {
    width: 1200px;
    height: 41px;
    margin: auto;
}

.foot ul {
    height: 41px;
}

.foot ul li {
    height: 75px;
    float: 41px;
    text-align: center;
    float: left;
}

.foot ul .f_li1 {
    width: 160px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-family: "宋体";
}

.foot ul .f_li2 {
    width: 1px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background: url(../Images/b16.png) no-repeat center;
}

.foot ul .f_li1 a {
    color: rgb(255, 255, 255);
    font-family: "宋体";
}

.foot ul .f_li1 a:hover {
    color: rgb(255, 90, 0);
}

.footer_bg {
    width: 100%;
    height: 197px;
    min-width: 1200px !important;
    background: rgb(0, 95, 185);
}

.footer {
    width: 1200px;
    height: 197px;
    margin: auto;
}

.footer_con {
    width: auto;
    height: auto;
    font-size: 13px;
    color: rgb(255, 255, 255);
    padding: 20px 0;
}

.footer_con a {
    color: rgb(255, 255, 255);
}

.footer_con a:hover {
    color: rgb(255, 90, 0);
}

.inner_bg {
    width: 100%;
    height: auto;
    min-width: 1200px !important;
    padding-top: 20px;
    padding-bottom: 34px;
}

.inner {
    width: 1200px;
    height: auto;
    margin: auto;
}

.sidebar {
    width: 253px;
    height: auto;
    border: 1px solid rgb(222, 225, 230);
    background: rgb(243, 246, 251);
    padding-bottom: 18px;
}

.sidebar_list {
    width: 253px;
    height: auto;
}

.sidebar_list_title {
    width: 231px;
    height: 31px;
    font-size: 17px;
    color: rgb(255, 255, 255);
    margin: 22px 0 0 10px;
    line-height: 31px;
    text-indent: 10px;
    background: rgb(16, 115, 183);
}

.sidebar_list_con {
    width: 261px;
    height: auto;
}

.menu_list {
    width: 238px;
    height: auto;
    margin: 4px 0 0 6px;
}

.menu_head {
    width: 238px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 8px 14px;
    background-image: url(../Images/b23.png);
}

.menu_head a {
    width: 205px;
    height: 35px;
    font-size: 14px;
    padding-left: 33px;
    color: rgb(16, 115, 183);
    font-weight: bold;
    line-height: 38px;
    display: block;
    font-family: "宋体";
    background: url(../Images/b21.png) no-repeat center bottom;
}

.menu_body {
    display: none;
    background: none !important;
}

.menu_body p {
    width: 238px;
    height: 35px;
    font-size: 12px;
    text-indent: 42px;
    line-height: 38px;
    font-family: "宋体";
    background: url(../Images/b21.png) no-repeat center bottom;
}

.menu_head1 {
    width: 238px;
    height: 35px;
}

.menu_head1 a {
    width: 205px;
    height: 35px;
    font-size: 14px;
    padding-left: 33px;
    color: rgb(16, 115, 183);
    font-weight: bold;
    line-height: 38px;
    display: block;
    font-family: "宋体";
    background: url(../Images/b21.png) no-repeat center bottom;
}

.sidebar_contact {
    width: 253px;
    height: auto;
}

.sidebar_contact_title {
    width: 231px;
    height: 31px;
    font-size: 17px;
    color: rgb(255, 255, 255);
    margin: 24px 0 0 10px;
    line-height: 31px;
    text-indent: 10px;
    background: rgb(16, 115, 183);
}

.sidebar_contact_title span {
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-family: "宋体";
    margin-right: 14px;
}

.sidebar_contact_title span:hover {
    color: rgb(255, 90, 0);
}

.sidebar_contact_con {
    width: 231px;
    height: auto;
    margin: auto;
    margin-top: 18px;
}

.sidebar_contact_con p {
    width: 231px;
    height: auto;
    color: rgb(54, 54, 54);
    font-size: 14px;
    line-height: 26px;
}

.inner_con {
    width: 890px;
    height: auto;
}

.inner_con_title {
    width: 890px;
    height: 36px;
    background: url(../Images/b26.png) no-repeat center bottom;
}

.inner_con_title_left {
    width: auto;
    height: 36px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

.inner_con_title_left span {
    color: rgb(195, 0, 0);
}

.inner_con_title_right {
    width: auto;
    height: 36px;
    font-size: 12px;
    line-height: 32px;
    color: rgb(101, 101, 101);
    font-family: "宋体";
}

.inner_con_title_right a {
    color: rgb(101, 101, 101);
    font-family: "宋体";
}

.inner_con_title_right a:hover {
    color: rgb(255, 90, 0);
    font-family: "宋体";
}

.inner_con_con {
    width: 858px;
    margin: auto;
    padding: 16px 16px 0 16px;
}

.pro_list {
    width: 858px;
    height: auto;
    overflow: hidden;
    min-height: 420px !important;
    margin-top: 16px;
}

.pro_list li {
    float: left;
    display: inline;
    margin-bottom: 21px;
    margin-right: 21px;
    margin-left: 21px;
    width: 240px;
    height: 200px;
    border: 1px solid rgb(168, 168, 168);
}

.pro_list li div {
    height: 170px;
}

.pro_list li div img {
    height: 170px;
}

.pro_list li p {
    font-size: 14px;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(168, 168, 168);
}

.pro_list li:hover {
    border: 2px solid rgb(0, 90, 171);
}

.pro_list li:hover p {
    background: rgb(0, 90, 171);
}

.hidden {
    display: none
}

.msKeimgBox {
    margin: 0px auto;
    width: 858px;
    overflow: hidden;
    position: relative;
}

.mskeLayBg {
    background: #000;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 777;
    opacity: 0.7;
    filter: alpha(opacity=70);
    display: none;
    _display: none!important
}

.mskelayBox {
    height: 678px;
    width: 1100px;
    margin-top: -339px;
    margin-left: -550px;
    position: fixed;
    left: 50%;
    top: 50%;
    border: 7px solid rgb(0, 90, 171);
    z-index: 888;
    background: #FFF;
    display: none;
    _display: none!important
}

.mskeImgBg {
    height: 57px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.mskeClaose {
    position: absolute;
    top: -17px;
    right: -17px;
    cursor: pointer;
}

.mske_downIco {
    position: absolute;
    left: 0px;
    top: 0px;
}

.mske_imgDown {
    background: url(../Images/mke_imgMbg.png) repeat;
    height: 57px;
    width: 818px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font: 13px/57px "微软雅黑";
    color: #FFF;
}

.mske_imgDown a {
    margin-left: 34px;
}

.msKeimgBox ul li {
    cursor: pointer;
}

.mskeTogBtn {
    background: url(../Images/mke_moreImg.jpg) no-repeat;
    height: 93px;
    width: 185px;
    position: absolute;
    z-index: 1;
    right: 0px;
    cursor: pointer;
    bottom: 0px;
}

.mskeTogBtn2 {
    background: url(../Images/mke_moreImg2.jpg) no-repeat;
    bottom: 10px;
}

.msKeimgBox2 {
    height: auto;
}

.pro_list1 {
    width: 858px;
    height: auto;
    overflow: hidden;
    min-height: 420px !important;
    margin-top: 16px;
}

.pro_list1 li {
    float: left;
    display: inline;
    margin-bottom: 21px;
    margin-right: 21px;
    margin-left: 21px;
    width: 244px;
    height: 330px;
}

.pro_list1 li div {
    width: 242px;
    height: 300px;
    border: 1px solid rgb(168, 168, 168);
}

.pro_list1 li div img {
    width: 242px;
    height: 300px;
}

.pro_list1 li p {
    font-size: 14px;
    color: #000;
    height: 30px;
    width: 244px;
    line-height: 30px;
    text-align: center;
}

.pro_list1 li:hover div {
    border: 1px solid rgb(0, 90, 171);
}

.pro_list1 li:hover p {}

.pro_list2 {
    width: 858px;
    height: auto;
    overflow: hidden;
    min-height: 420px !important;
    margin-top: 16px;
}

.pro_list2 li {
    float: left;
    display: inline;
    margin-bottom: 21px;
    margin-right: 21px;
    margin-left: 21px;
    width: 244px;
    height: 210px;
}

.pro_list2 li div {
    width: 242px;
    height: 180px;
    border: 1px solid rgb(168, 168, 168);
}

.pro_list2 li div img {
    width: 242px;
    height: 180px;
}

.pro_list2 li p {
    font-size: 14px;
    color: #000;
    height: 30px;
    width: 244px;
    line-height: 30px;
    text-align: center;
}

.pro_list2 li:hover div {
    border: 1px solid rgb(0, 90, 171);
}

.pro_list2 li:hover p {}

.news_list {
    width: 858px;
    height: auto;
    min-height: 400px !important;
}

.news_list li {
    width: 858px;
    height: auto;
    border-bottom: 1px dashed #999;
    margin-left: 0px;
    margin-top: 8px;
}

.play {
    width: 10px;
    height: 10px;
    background: url(../Images/b31.png) no-repeat center;
    margin: 22px 10px 0 8px;
}

.newss {
    width: 757px;
    height: 40px;
    line-height: 52px;
    font-size: 14px;
    overflow: hidden;
    color: rgb(70, 70, 70);
}

.newss:hover {
    width: 736px;
    height: 39px;
    padding-top: 1px;
    padding-left: 1px;
}

.news_list li a {
    color: rgb(70, 70, 70);
}

.news_list li a:hover {
    color: rgb(0, 90, 171);
}

.news_time {
    width: 73px;
    height: 40px;
    line-height: 52px;
    font-size: 12px;
    color: rgb(137, 122, 122);
    font-family: "宋体";
    text-indent: 10px;
    overflow: hidden;
}

.pro_name {
    width: 100%;
    font-size: 18px;
    text-align: center;
}

.info_title {
    margin: 25px 0 15px 0px;
    width: 100%;
    height: 30px;
    background: rgb(240, 240, 240);
}

.info_title b {
    display: inline-block;
    padding-left: 10px;
    height: 100%;
    border-right: 1px solid #fff;
    background: rgb(0, 90, 171);
    color: #fff;
    line-height: 30px;
}

.con_img {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.con_img img {
    width: 360px;
}

.con_img div {
    margin: auto;
}

.con_img2 {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.con_img2 img {
    max-width: 680px;
}

.con_img2 div {
    margin: auto;
}

.con_imgb {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.con_imgb img {
    max-width: 858px;
}

.con_imgb div {
    margin: auto;
}

.company_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 45px;
}

.company_img img {
    max-width: 700px;
    border: 2px solid rgba(69, 52, 45, 0.8);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.company_font {
    margin-top: 15px;
}

.company_font div {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    color: rgb(49, 49, 49);
    font-family: "宋体", Arail, verdana;
    font-size: 14px;
    line-height: 40px;
    text-indent: 2em;
}

.company_font p {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    text-align: left;
    padding: 0px;
    color: rgb(49, 49, 49);
    font-size: 18px;
    line-height: 40px;
    text-indent: 2em;
}

.company_font p span {
    color: rgb(195, 0, 0);
}

.news_font {
    min-height: 400px !important;
    margin-top: 25px;
}

.news_font div {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    line-height: 28px;
    font-weight: bold;
}

.news_font p {
    width: 100%;
    height: auto;
    margin: 0px;
    margin-bottom: 10px;
    text-align: left;
    padding: 0px;
    line-height: 28px;
    text-indent: 2em;
}

.product_font {
    min-height: 250px !important;
    margin-top: 25px;
}

.product_font div {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    color: rgb(49, 49, 49);
    font-family: "宋体", Arail, verdana;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.product_font p {
    width: 100%;
    height: auto;
    margin-top: 5px;
    text-align: left;
    color: rgb(49, 49, 49);
    font-family: "宋体";
    font-size: 13px;
    line-height: 26px;
    text-indent: 2em;
}

.product_font .p2 {
    width: 100%;
    height: auto;
    margin: 0px;
    margin-top: 5px;
    text-align: left;
    padding: 0px;
    color: rgb(0, 0, 255) !important;
    font-family: "宋体", Arail, verdana;
    font-size: 14px;
    line-height: 26px;
    text-indent: 0 !important;
}

.product_font img {
    max-width: 672px !important;
    margin: 10px 0;
    border: 5px solid #C1E0FF;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.product_font h4 {
    font-size: 14px;
    font-weight: bold;
    font-family: "宋体";
    margin-top: 5px;
    padding-bottom: 4px;
    line-height: 26px;
    border-bottom: 1px dashed #999999;
}

.product_font table {
    width: 95%;
    margin-left: 2%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product_font table tr td {
    text-align: center;
    line-height: 26px;
    font-family: "宋体";
    font-size: 12px;
}

.news_tit_d {
    color: #999999;
    font-size: 12px;
    text-align: center;
    margin: 2px auto 15px auto;
}

.page {
    margin-top: 20px;
    font-size: 12px;
    color: #333;
}

.return {
    font-size: 12px;
    margin-top: 30px;
}

.xw_dg {
    height: auto;
    width: 858px;
    overflow: hidden;
}

.xw_bt1 {
    height: 30px;
    line-height: 30px;
    width: 858px;
    background: rgb(16, 115, 183);
    color: rgb(255, 255, 255);
}

.xw_zs1 {
    margin: 10px auto;
    width: 858px;
    min-height: 230px !important;
    font-size: 14px;
}

.deal_Title {
    border-bottom: 1px dashed #999;
    height: 36px;
    line-height: 36px;
}

.deal_Title a {
    color: #E67A18;
    font-size: 12px;
}

.submit_ib {
    width: 396px;
    height: auto;
    position: absolute;
    bottom: 80px;
    left: 370px;
}

.order {
    margin: 20px 0 120px 36px;
    line-height: 40px;
    font-size: 14px;
}

.order tr td p {
    line-height: 28px;
    padding-top: 6px;
}

.order img {
    vertical-align: -5px;
    cursor: pointer;
}

.input-text {
    width: 154px;
}

#submit {
    width: 53px;
    height: 23px;
    color: #fff;
    font-weight: bold;
    background: rgb(229, 2, 17);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

#submit:hover {
    cursor: pointer;
}

.order2 {
    margin-top: 20px;
    line-height: 40px;
    width: 550px;
    font-size: 12px;
    margin-left: 180px;
    padding-bottom: 80px;
}

.order2 img {
    vertical-align: -5px;
    cursor: pointer;
}

.t_r {
    width: 60px;
}

.inner_message_con_title p {
    width: 871px;
    height: auto;
    margin: 0px;
    padding-top: 14px;
    font-family: "宋体";
    font-size: 12px;
    line-height: 30px;
    text-indent: 2em;
}

.inner_contact_top {
    padding: 0px 0px 10px 60px;
    line-height: 30px;
    font: 14px "微软雅黑", "宋体";
    color: #444;
}

.inner_contact_top p {
    line-height: 30px;
    height: 30px;
    font: 14px "微软雅黑", "宋体";
    color: #444;
}

.message_font {
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
}

.guestbk,
.guestbk p,
#guestsmt {
    width: 100%;
    float: left;
}

.ask-box {
    background: #EEE;
    margin-bottom: 30px;
    float: left;
}

.ask-box .lwrap {
    background: #EEE;
    /* 修正IE6 */
    _position: relative;
    _z-index: 10;
}


/* arrow-effect */

.lwrap span {
    float: right;
    font-size: 14px;
    color: #999;
}

.ask-left {
    border-left: 20px solid #FFF;
    border-top: 20px solid #EEE;
    margin-top: 20px;
}

.answer-right {
    border-right: 20px solid #FFF;
    border-top: 20px solid #4FBCD8;
}

.ask-left .lwrap,
.answer-right .rwraps {
    padding: 12px 10px 12px 10px;
    margin-top: -40px;
    line-height: 25px;
    width: auto!important;
    max-width: 500px;
    /* sets min-width & max-width for ie */
    _width: expression(document.body.clientwidth > 500 ? "500px": "auto");
}

.answer-box {
    background: #4FBCD8;
    margin-bottom: 30px;
    float: right;
}

.answer-box .rwraps {
    background: #4FBCD8;
    /* 修正IE6 */
    _position: relative;
    _z-index: 10;
    color: #fff;
}


/* arrow-effect */

.useript {
    background-color: white;
    border-color: #CCCCCC #E2E2E2 #E2E2E2 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px #F0F0F0 inset;
    overflow: hidden;
    padding: 10px 0 8px 8px;
    vertical-align: middle;
}

#guestsmt {
    padding: 30px 0 30px 10px;
}

.guestinfo {
    width: 96%;
    height: 240px;
    margin-bottom: 15px;
    float: left;
}

#guestsmt p {
    width: 97%;
}

#guestsmt span {
    font-family: "微软雅黑";
    font-size: 14px;
}

.usertel {
    width: 100px;
    margin-right: 20px;
}

.userbtn {
    padding: 0.2em 0.8em;
    font-family: "微软雅黑";
    font-size: 20px;
    border: none;
    float: left;
    cursor: pointer;
}

.usersbmt {
    width: 80px;
    background: url(../Images/logbg.jpg) no-repeat;
    color: #fff;
    float: left;
    margin-top: 15px;
}

#articeBottom {
    font-size: 14px;
    margin: 6px 0 10px;
    padding-top: 10px;
    text-align: right;
    width: 97%;
}

.probox {
    padding-left: 370px;
    position: relative;
    height: 332px;
}

.pro_img {
    width: 340px;
    display: inline-table;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 15px;
}

.pro_txt {
    width: 382px;
    padding-right: 10px;
    padding-top: 25px;
}

.pro_txt p {
    height: 30px;
    line-height: 25px;
}

.pro_txt h2 {
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
    font-family: 微软雅黑;
}

.pro_txt .details {
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 6px;
    background: #fff;
    height: 227px;
    overflow: hidden;
}

.pro_txt .details2 {
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 6px;
    background: #fff;
    height: 227px;
    overflow: hidden;
}

.pro_txt .details2 h2 {
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
}

.main1box {
    margin-bottom: 10px;
    width: 340px;
    height: 244px;
}

#main2 {
    position: absolute;
    left: 0px;
    top: 0px;
}

.main ul {
    display: none;
}

.main ul li {
    display: inline-block;
    _display: inline;
    position: relative;
    margin: 0 auto;
}

.main ul li img {
    border: 1px solid rgb(216, 216, 216);
}

.main ul.block {
    display: block;
}

.menu1box {}

#menu1 li {
    display: inline;
    cursor: pointer;
}

#menu1 li img {
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
}

#menu1 li.hover img {
    border: 1px solid #669900;
}

.jqzoom {
    border: 1px solid black;
    float: left;
    position: relative;
    padding: 0px;
    cursor: pointer;
}

.jqzoom img {
    float: left;
}

div.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 355px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #ffffff url(../skins/yixin/res/images/zoom.gif) 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.pro_con {
    width: 100%;
    height: auto;
}

.pro_con img {
    width: auto;
    height: auto;
    max-width: 858px;
    display: block;
    margin: auto;
}

.pro_name3 {
    width: 480px;
    height: 40px;
    padding-top: 4px;
    overflow: hidden;
    color: rgb(23, 95, 193);
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

.pro_name2 {
    width: 100%;
    height: 29px;
    overflow: hidden;
    color: rgb(77, 77, 77);
    font-size: 14px;
    line-height: 29px;
}

.pro_name3 span {
    color: rgb(255, 120, 0);
}

.pro_name2 span {
    color: rgb(77, 77, 77);
}

.pro_name2 a {
    color: rgb(77, 77, 77);
}

.pro_name2 a:hover {
    color: rgb(255, 90, 0);
    text-decoration: underline;
}

.pro_name3 span:hover {
    color: rgb(255, 0, 0);
}

.pro_name4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: rgb(77, 77, 77);
    font-size: 14px;
    line-height: 29px;
}

.hjone_right_botton {
    width: 420px;
    height: 40px;
    padding-top: 10px;
    margin-top: 20px;
}

.hjone_right_botton ul {
    width: 418px;
    height: 40px;
    padding-left: 2px;
}

.hjone_right_botton ul li {
    width: 83px;
    height: 40px;
    border-radius: 3px;
    color: rgb(0, 0, 0);
    line-height: 28px;
    font-size: 12px;
    font-family: "宋体";
    float: left;
}

.hjone_right_botton ul li:hover {
    background: rgb(247, 181, 0);
    color: rgb(255, 255, 255);
}

.yuetan-Btn {
    width: 296px;
    margin-top: 6px;
    border-radius: 3px;
    height: 32px;
}

a.yuetan-01 {
    width: 90px;
    height: 28px;
    text-indent: 16px;
    background: rgb(0, 90, 171) url(../Images/yuetan-btn02.png) no-repeat 15px 6px;
    border-radius: 3px;
    display: inline-block;
    padding-top: 6px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
    margin-right: 30px;
}

.yuetan-01:hover {
    background: #ed5f43 url(../Images/yuetan-btn02.png) no-repeat 15px 6px;
}

.yuetan-02 {
    width: 65px;
    height: 32px;
    text-indent: 10px;
    background: rgb(0, 135, 36) url(../Images/yuetan-btn02.png) no-repeat 15px 8px;
    border-radius: 3px;
    display: inline-block;
    padding-top: 8px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
}

.yuetan-02:hover {
    background: #ed5f43 url(../Images/yuetan-btn02.png) no-repeat 15px 8px;
}

a.yuetan-03 {
    width: 65px;
    height: 32px;
    text-indent: 10px;
    background: rgb(0, 135, 36) url(../Images/details-img16.png) no-repeat 15px center;
    border-radius: 3px;
    display: inline-block;
    padding-top: 8px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
}

.yuetan-03:hover {
    background: #ed5f43 url(../Images/details-img16.png) no-repeat 15px center;
}

.prevC {
    position: absolute;
    padding: 0px;
    top: 50%;
    margin-top: -40px;
    left: 0px;
    width: 50px;
    height: 80px;
    text-indent: 999px;
    overflow: hidden;
    line-height: 80px;
    display: block;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: 4px -82px;
}

.nextC {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -40px;
    width: 50px;
    height: 80px;
    text-indent: 999px;
    overflow: hidden;
    line-height: 80px;
    display: block;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: 5px 5px;
}

.base {
    position: relative;
    width: 719px;
    height: 910px;
}

.base_left {
    position: absolute;
    width: 70px;
    height: 770px;
    text-align: center;
    cursor: pointer;
}

.jiantou_left {
    position: absolute;
    padding: 0px;
    top: 50%;
    margin-top: -40px;
    left: 9px;
    width: 50px;
    height: 80px;
    display: block;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: 4px -82px;
}

.base_right {
    position: absolute;
    width: 70px;
    height: 770px;
    text-align: center;
    right: 0px;
    cursor: pointer;
}

.jiantou_right {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -40px;
    left: 9px;
    width: 50px;
    height: 80px;
    display: block;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: 5px 5px;
}

.content {
    height: 770px;
    width: 579px;
    position: absolute;
    border: 1px solid #e6e6e6;
    left: 70px;
    background-position: 50%;
    background-size: contain;
}

.toggle {
    position: absolute;
    top: 771px;
    width: 100%;
    height: 30px;
    display: none;
    line-height: 30px;
    border-top: 1px solid #e6e6e6;
}

.toggle .list {
    font-size: 14px;
    color: #666;
    width: 98px;
    cursor: pointer;
}

.toggle .list span {
    display: block;
    position: absolute;
    left: 66px;
    top: 10px;
    width: 19px;
    height: 19px;
    background: url("../Image/list.png") no-repeat 0 0;
    background-position: -16px -60px;
}

.bottle {
    position: absolute;
    width: 100%;
    top: 790px;
    overflow: hidden;
    height: 102px !important;
}

.bottle ul {
    margin: 0px;
    position: absolute;
    height: 104px;
    padding: 0px;
    display: flex;
    width: 10000px;
}

#list_shot {
    height: 104px;
    width: 592px;
    position: absolute;
    left: 59px;
    overflow: hidden;
}

.bottle .l {
    display: block;
    position: absolute;
    left: 13px;
    top: 41px;
    width: 19px;
    height: 19px;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: -22px -205px;
    cursor: pointer;
}

.bottle .r {
    display: block;
    position: absolute;
    left: 678px;
    top: 41px;
    width: 19px;
    height: 19px;
    background: url("../Image/slider.png") no-repeat 0 0;
    background-position: 6px -205px;
    cursor: pointer;
}

.bottle ul li {
    text-decoration: none;
    float: left;
    height: 100px;
    margin: 0px 5px;
    position: relative;
    left: 0px;
    transition: left 0.5s;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}

.bottle ul li:hover {
    border: 1px solid red;
}

.infodd {
    width: 100%;
    float: left;
    font-size: 12px;
}

.ddtitle {
    width: 100%;
    height: 35px;
    background: #EBEBEB;
}

.ddtitle td {
    border-right: 1px solid #fff;
}

.ddtr {
    width: 100%;
    height: 38px;
    background: url(../skins/yixin/res/images/location_bg.gif) bottom repeat-x;
}

.ddtr td {
    line-height: 28px;
    font-size: 14px;
}

.ddtr td a {
    color: #F00;
}

.readol {
    color: #116201;
}

.pubdownload {
    color: #7E0404;
}

#articeBottom {
    font-size: 14px;
    margin: 6px 0 10px;
    padding-top: 10px;
    text-align: right;
    width: 97%;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.inner_con_con #iCenter {
    width: 92%;
    margin-left: 3%;
    margin-top: 10px;
    height: 500px;
    border: 10px solid #888;
}

#r_title {
    line-height: 28px;
    padding-left: 5px;
    background-color: #D1EEEE;
    font-weight: bold;
}

#result {
    overflow: auto;
    margin-bottom: 5px;
    /*	width:661px;*/
    height: 255px;
}


/*  结果项 */

#result .sub_result {
    font-size: 12px;
    cursor: pointer;
    line-height: 20px;
    /*padding:0px 0 4px 2px;*/
    border-bottom: 1px solid #C1FFC1;
}

#result .sub_result .detail {}

#result .sub_result .detail h3 {
    color: #00A6AC;
}

.note {
    color: #999;
}


/*** layerout stylesheet ***/


/* 修改背景URL */

div.change {
    background-image: url(http://pages.haozu.ajkcdn.com/20110909/img/map/marker-h.png);
}

div.change div {
    background-image: url(http://pages.haozu.ajkcdn.com/20110909/img/map/marker-h-l.gif);
}


/*** copied from demo #39 添加自定义点覆盖物 ***/


/* 定义自定义点样式 */

.markerContentStyle {
    position: relative;
}

.markerContentStyle span {
    background-color: #FFFFFF;
    color: #FF1493;
    width: auto;
    heigth: 80px;
    border: 2px solid #D8BFD8;
    FONT-FAMILY: 华文行楷;
    position: absolute;
    top: -10px;
    left: 25px;
    white-space: nowrap -webkit-border-radius: 5px;
    border-radius: 5px;
}


/*** copied from demo #43 添加自定义信息窗体 ***/


/* 定义自定义信息窗体样式 */

div.info {
    position: relative;
    z-index: 100;
    border: 1px solid #BCBCBC;
    box-shadow: 0 0 10px #B7B6B6;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.9);
    transition-duration: 0.25s;
}

div.info:hover {
    box-shadow: 0px 0px 15px #0CF;
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    font-size: 12px;
    padding: 10px;
    line-height: 21px;
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

#box-kefu {
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 9999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+100));
}

#box-kefu .kefu-open {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 287px;
    background: url(../Images/bqq2.png) no-repeat center;
    overflow: hidden;
}

#box-kefu .kefu-open .close {
    display: block;
    position: absolute;
    z-index: 99;
    width: 20px;
    height: 20px;
    right: 12px;
    top: 2px;
    text-indent: -9999px;
}

.kefu_top {
    width: 108px;
    height: 118px;
    position: absolute;
    z-index: 9;
    right: 1px;
    top: 11px;
}

.kefu_bottom {
    width: 108px;
    height: 47px;
    right: 1px;
    position: absolute;
    bottom: 1px;
}

.kefu_erweima {
    width: 55px;
    height: 47px;
}

.jiathis_button_weixin {
    width: 55px;
    height: 47px;
    display: block;
    cursor: pointer;
}

.kefu_top2 {
    width: 52px;
    height: 47px;
}

.kefu_middle {
    width: 108px;
    height: 108px;
    position: absolute;
    z-index: 9;
    right: 1px;
    top: 130px;
}

.kefu_middle li a {
    display: block;
    width: 61px;
    height: 16px;
    zoom: 1;
    padding-left: 10px;
    background: url(../Images/b15.png) no-repeat center;
    margin: 20px 0 20px 18px;
}

#box-kefu .kefu-close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 0;
    height: 127px;
    padding: 0;
    background: url(../Images/kefu_icon.png) no-repeat 0 0;
    _background-image: url(../Images/kefu_icon.gif);
    cursor: pointer;
    overflow: hidden;
}


/*正文开始*/

.banner {
    height: 499px;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}


/*新加*/

.ban_bg {
    height: 498px;
    width: 100%;
    position: relative;
}

.ban_bg .bgitem {
    position: absolute;
    top: 0;
}

.ban_bg .btn {
    bottom: 5px;
    margin-right: -450px;
    padding: 5px 6px;
    position: absolute;
    right: 50%;
    z-index: 7;
}

.ban_bg .btn span {
    background: none repeat scroll 0 0 #2B130F;
    border: 1px solid #2B130F;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
}

.ban_bg .btn span.cur {
    font-weight: bold;
    padding: 4px 8px;
}


/*---产品列表页面的随机资讯--*/

.RandomNews {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.diysr {
    height: 40px;
    line-height: 40px;
    color: #999;
    color: #137bde;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
}

.diysr .line {
    border-top: 1px solid #ececec;
    font-size: 0;
    height: 0;
    margin-right: 10px;
    overflow: hidden;
}

.diysr i {
    font-size: 10px;
    font-family: arial;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    padding-left: 5px;
    color: #999;
}

.news_random {
    font-size: 14px;
}

.news_random ul {
    padding-top: 10px;
    display: block;
    width: 860px;
}

.news_random ul li {
    height: 28px;
    line-height: 28px;
    padding: 0;
    width: 405px;
    float: left;
    overflow: hidden;
    padding-right: 10px;
}

.news_random ul li a {
    background: url(../images/ico55.gif) no-repeat 0 8px;
    padding-left: 12px;
}

.news_random ul li span {
    font-size: 12px;
}

.new-s dl {
    width: 860px;
    margin: 0 auto;
    padding-top: 25px;
    height: 194px;
}

.new-s dl dt {
    height: 180px;
    width: 209px;
    float: left;
    position: relative;
    border-bottom: 1px solid #e2e2e2
}

.new-s dl dt img {
    width: 209px;
    height: 162px;
}

.new-s dl dt p {
    background: url(../images/new_03.png) no-repeat;
    width: 205px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 132px;
    left: 2px;
    font: 14px 'Microsoft  YaHei';
    color: #fff;
    text-align: center;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.new-s dl dd {
    width: 624px;
    float: right;
    height: 180px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.new-s dl dd p {
    color: #353e47;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.new-s dl dd span {
    font-size: 14px;
    color: #353e47;
    display: inline-block;
    line-height: 28px;
    height: 112px;
    overflow: hidden;
}

.new-s dl dd a {
    display: inline-block;
    font: 12px 'Microsoft YaHei', '微软雅黑';
    color: #fd8d00;
    float: right;
    position: absolute;
    bottom: 15px;
    right: 5px;
}

.news_random ul li a {
    color: #353e47;
    padding-top: 2px;
}

.news_random ul {
    padding-top: 0;
    margin: 0 auto;
}

.news_random ul li {
    width: 405px;
    padding: 0;
    font-size: 12px;
}

.news_random ul li.fr {
    float: right;
}


/*---产品详细页面--*/

.temp_dz {
    height: 266px;
    width: 860px;
    background: #eeeeee;
    overflow: hidden;
    margin: 15px 0px;
}

.temp_dz dl {
    padding: 20px;
}

.temp_dz dt {
    height: 40px;
    border-bottom: 1px solid #dbdbdb;
    font: 16px "Microsoft Yahei";
    font-weight: bold;
    color: #0089e1;
    line-height: 30px;
    overflow: hidden;
}

.temp_dz dt a {
    color: #0089e1;
}

.temp_dz dd {
    height: 57px;
    border-bottom: 1px dashed #b1b1b1;
    font: 14px "Microsoft Yahei";
    color: #555;
    ;
    line-height: 60px;
    overflow: hidden;
    background: url(../images/c01.png) no-repeat left 10px;
    padding-left: 55px;
}

.temp_dz dd.temp_dd01 {
    background: url(../images/c02.png) no-repeat left 10px;
}

.temp_dz dd.temp_dd02 {
    background: url(../images/c03.png) no-repeat left 10px;
}

.temp_dz dd em {
    padding: 0 12px;
}

.temp_dz dd i {
    padding: 0 20px;
}

.temp_dz dd span {
    font-weight: bold;
    color: #0089e1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.lc {
    overflow: hidden;
    text-align: center;
    font-family: microsoft yahei;
    width: 860px;
}

.lc .lc-content {
    background: #fff;
    padding-top: 25px;
    height: 220px;
    width: 860px;
    margin: 0 auto;
}

.lc h2 {
    width: 474px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #0089e1;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
}

.lc ul {
    margin-top: 26px;
    background: url(../images/line01.gif) repeat-x 0 41px;
}

.lc li {
    width: 105px;
    text-align: center;
    float: left;
    overflow: hidden;
}

.lc li i {
    font-size: 18px;
    color: #000;
    letter-spacing: -1px;
}

.lc li a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/line02.gif) no-repeat;
    margin: 6px auto 6px;
}

.lc li a:hover {
    background: url(../images/line03.gif) no-repeat;
}

.lc li p {
    font-size: 14px;
    color: #403e3e;
    font-weight: bold;
}

.lcbtn {
    width: 295px;
    margin: 0px auto 15px;
}

.lcbtn1 {
    width: 198px;
    float: left;
    height: 26px;
    line-height: 26px;
    background: #333;
    font-size: 12px;
    color: #fff;
}

.lcbtn2 {
    width: 76px;
    float: right;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    background: #0089e1;
}

.jja {
    float: left;
    border: 1px solid #ccc;
    height: 370px;
    width: 179px;
    display: block;
}

.jja p {
    margin-top: 0px;
}

.jja span {
    color: #343434;
    font-size: 15px;
    font-weight: bold;
}

.jja:hover {
    border: 1px solid #0089e1;
}

.jja p:hover {
    color: #0089e1;
}

.jja p:hover span {
    color: #0089e1;
}


/*导航*/

.cpbox {
    overflow: hidden;
    font-family: "Microsoft YaHei";
    z-index: 2;
    position: relative;
}

.dh {
    width: 232px;
    overflow: hidden;
}

.dh h2 {
    background: url(../images/dhtbg.jpg) no-repeat 0 0;
    line-height: 54px;
    text-align: center;
    height: 60px;
    font-size: 20px;
    color: #fff;
}

.dh h2 a {
    color: #fff;
}

.dh_c {
    border-top: 0;
    border-radius: 0 0 3px 3px;
    height: auto;
}

.dh_c h3 {
    clear: both;
    font-size: 16px;
    background: url(../images/dhhbg.jpg) no-repeat 0 9px;
    line-height: 38px;
    padding: 9px 0 0 34px;
    overflow: hidden;
}

.dh_c h4 {
    clear: both;
    font-size: 14px;
    background: url(../images/dhbg.jpg) no-repeat 0 9px;
    line-height: 38px;
    padding: 9px 0 0 44px;
    overflow: hidden;
}

.dh_c h3 a,
.cp_c dd h3 a {
    color: #0152b2;
}

.dh_c li {
    line-height: 33px;
    border-bottom: dashed 1px #ddd;
    background: url(../images/ico01.jpg) no-repeat 23px 14px;
    padding: 0 0 0 36px;
    font-size: 14px;
}

.dh_c .saproulys li {
    font-size: 14px;
    background: none;
    border: 0px;
    padding: 0px 0px;
}

.dh_c li a {
    color: #4c4948
}

.dh_c li a:hover {
    color: #FF0000
}

.dh_c li.born {
    border: 0;
    padding-bottom: 8px;
}

.dh_c p {
    clear: both;
    margin-left: -6px;
    position: relative;
}

.selected>.subpro {
    display: block!important;
}